#title
{
    font-size:18pt;
    font-weight:820;
    color:black
}
.container
{
    width:750px;
}
.div-image
{
    width:80%;
    height:500px;
    display:inline-block;
    vertical-align:text-bottom;
/*    border-style:solid;*/
    float:left;
}
.image-task
{
/*    border-style:dashed;  */
    display:inline-block;
}
.div-selected-icon-panel
{
    font-size:16pt;
    border-style:solid;  
    margin-left:10px;
    padding-left:2px;
    padding-right:2px;
    width:17%;
    height: 500px;
    display:inline-block;
    vertical-align:text-bottom;
}
.div-task
{
    font-size: 18pt;
    width:100%;
}
.div-icons-panel
{
    width:95%;
    height:120px;
/*    border:solid;*/
    display:table-cell;
}
.div-candidate-icons
{
    vertical-align: top;
    display:inline-block;
    width:56px;
    height:56px;
    margin-left:2px;
    margin-top:2px;
}
.icon
{
    color: blue;
    vertical-align:middle;
    font-size:12pt;
    display: table-cell;
    width:50px;
    height:50px;
}
.icon-selected
{
    color: blue;
    vertical-align:middle;
    font-size:12pt;
    display: table-cell;
    width:25px;
    height:25px;
}
.div-icon
{
    position:relative;
    border-color:white;
    display:inline-block;
    width:50px;
    height:50px;
    margin-left:2px;
    margin-top:2px;
    border-style:solid;
}
.div-icon-selected
{
    position:relative;
    border-color:white;
    display:inline-block;
    width:25px;
    height:25px;
    margin-left:2px;
    margin-top:2px;
    border-style:solid;
}
#imdiv
{
    width:100%;
}
.progressbar
{
    width:200px;
    height:10px;
    background:red;
}
.progress
{
    height:10px;
    display:inline-block;
    float:right;
    margin-top:5px;
    font-size:10pt;
    margin-right:10px;
}
.progress-number
{
    margin-top:5px;
/*    display:inline-block;*/
    font-size:12pt;
    margin-right:5px;
    float:right;
    color:red;
    font-weight:800;
}
.button
{
    float:right;
    font-size:14pt;
}
.button-panel
{
    vertical-align:middle;
    display:table-cell;
    width:100px;
    height:30px;
    margin-left:10px;
    margin-right:10px;
    padding-left:10px;
    padding-right:10px;
}
.caption {
/*    display: none; */
    position: absolute;
    top: 50px;
    left: 0;
/*    background: url(images/trans-black-50.png);*/
    width: 100%;
    height: 30pt;
}
.caption h3, .caption p {
    color: blue;
    vertical-align:top;
    text-align:center;
    font-size:11pt;
    font-weight:800;
    display: table-cell;
    width:100px;
    height:15px;
}
.img-button {
    width:35px;
    height:60px;
    vertical-align:middle;
}
.div-icon-and-arrow{
    border:solid;
    width:99%;
}
.ui-dialog{
    position: absolute;
    left: 0;
    top: 0;
}
#dialog-confirm{
    position: absolute;
    left: 0;
    top: 0;
}